<ui:component xmlns:ui="http://java.sun.com/jsf/facelets"
              xmlns:p="http://primefaces.org/ui"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:c="http://java.sun.com/jsp/jstl/core"
              xmlns:f="http://java.sun.com/jsf/core">
    <c:if test="#{!sesion.activa}">
        <!--#{!sesion.comprobar()}-->
    </c:if>
    <c:if test="#{!pCItemMenu.consultarPermisos().ver}">
        <h:panelGroup layout="block" styleClass="divsinpermisos">
            <p:outputLabel value="No tiene permisos suficientes para ver esta página"/>
        </h:panelGroup>
    </c:if>
    <ui:param name="nombreparam" value="producto" />
    <h:panelGrid columns="3" id="paneldialogogriddata#{nombreparam}" styleClass="grid-modal">
        <h:outputText value="(*)Categor&#237;a:" />
        <h:column>
            <p:selectOneMenu value="#{pCItemMenu.temporal.idCategoria}" tabindex="1" style="margin-bottom:5px;margin-left:3px">
                <f:selectItems value="#{pCItemMenu.categorias}"></f:selectItems>
            </p:selectOneMenu>
        </h:column>
        <h:column/>

        <h:outputText value="(*)Descripci&#243;n  Corta:" />
        <h:column>
            <p:inputText id="descCorta" value="#{pCItemMenu.temporal.descripcionCorta}" size="40" maxlength="40" required="true" requiredMessage="El campo Descripci&#243;n Corta es obligatrio"  
                         tabindex="2"/>
        </h:column>
        <p:message for="descCorta" display="icon"/>

        <h:outputText value="(*)Descripci&#243;n Larga:" />                         
        <h:column>
            <p:inputTextarea style="margin-bottom:5px" cols="60" rows="4"  tabindex="3" autoResize="false"  maxlength="255" id="desc" value="#{pCItemMenu.temporal.descripcionLarga}" 
                             required="true" requiredMessage="El campo Descripci&#243;n Larga es obligatrio" validatorMessage="El campo Descripci&#243;n  Larga no puede superar los 255 caracteres">
                <f:validateLength  maximum="255" />
            </p:inputTextarea>
        </h:column>
        <p:message for="desc" display="icon"/>

        <h:outputText value="(*)Precio:" />
        <h:column>
            <p:inputText id="precio" value="#{pCItemMenu.temporal.precio}" size="10" maxlength="10" required="true" 
                         requiredMessage="El campo Precio es obligatrio" label="Precio"
                         validatorMessage="El campo Precio debe ser num&#233;rico y mayor que 0" tabindex="4">
                <f:convertNumber pattern="#00.00" maxFractionDigits="2" />
                <f:validateLongRange minimum="1" />
            </p:inputText>
        </h:column>
        <p:message for="precio" display="icon"/> 

    </h:panelGrid>
    <p:separator/>
    <h:panelGroup layout="block" style="overflow: auto; display: inline-block;height:50px; width: 100%">
        <p:commandButton value="Guardar" actionListener="#{pCItemMenu.guardar(nombreparam)}"
                         style="float: left;margin-top: 0px!important;margin-left: 150px;"  async="false"
                         update=":tabs:formTabla#{nombreparam}:tableModel#{nombreparam} growldata#{nombreparam} paneldialogogriddata#{nombreparam}"
                         id="btndata#{nombreparam}" widgetVar="wvbtndata#{nombreparam}" rendered="#{!pCItemMenu.esVer()}"
                         oncomplete="handle#{nombreparam}datarequest(xhr, status, args);"
                         styleClass="btn-aceptar">
            <p:resetInput target="paneldialogogriddata#{nombreparam}"/>
        </p:commandButton>
        <p:commandButton value="#{pCItemMenu.devolverTxtBtnCancelarDlg()}" actionListener="#{pCItemMenu.reinicializarTemporal()}"
                         oncomplete="wvdlgdata#{nombreparam}.hide();"
                         style=" margin-top: 15px;"  styleClass="btn-cancelar"
                         process="@this" update="paneldialogogriddata#{nombreparam}">
            <p:resetInput target="paneldialogogriddata#{nombreparam}"/>
        </p:commandButton>
    </h:panelGroup>
    <p:commandLink value="#{pCItemMenu.devolverTxtLimpiarFormDlg()}" update="paneldialogogriddata#{nombreparam}"
                   process="@this" rendered="#{!pCItemMenu.esVer()}">
        <p:resetInput target="paneldialogogriddata#{nombreparam}"/>
    </p:commandLink>
</ui:component>
